<template name="publicLayout">
	  <!-- Status bar overlay for fullscreen mode-->
	  <div class="statusbar-overlay"></div>

	<div class="views tabs">
		<div class="view view-main tab active" data-page="home">
			<div class="pages">
				<div class="page navbar-fixed toolbar-fixed" data-page="home">
					<div class="navbar" style="height:47px; background:#0098ff">
						<div class="navbar-inner">
							{{> yield region='topTitle'}}
						</div>
					</div>
					<div class="page-content" style="padding-top:47px; background:#f7f7f7">
						{{> yield}}
					</div>
					{{> yield region='toolBar'}}
				</div>
			</div>
		</div>
	</div>
</template>

<template name="toolBars">
	<div class="toolbar tabbar tabbar-labels" style="height:55px">
		<div class="toolbar-inner">
			<a href="#" class="link">
				<img src="img/home.jpg" height="30" width="30"/>
				<span class="tabbar-label" style="font-size:13px; color:#0098ff">首页</span>
			</a>
			<a href="#" class="link">
				<img src="img/order.png" height="30" width="30"/>
				<span class="tabbar-label" style="font-size:13px; color:#0098ff">订单</span>
			</a>
			<a href="#" class="link">
				<img src="img/my.jpg" height="30" width="30"/>
				<span class="tabbar-label" style="font-size:13px; color:#0098ff">我的</span>
			</a>
		</div>
	</div>
</template>
